﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>163头部ad显示效果</title>

    <script src="../../Scripts/Jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

    <!--将jQuery引用进来-->

    <script type="text/javascript">
        $(document).ready(function() {
            $("#ad").slideDown(1000, function() {
                var dom = $(this);
                setTimeout(function() { dom.slideUp(1000); }, 2000);
            });
        });
    </script>

    <style type="text/css">
        body
        {
            margin: 0;
            padding: 0;
        }
        div#ad
        {
            width: 500px;
            height: 400px;
            font-size: 18px;
            padding: 0;
            margin: 0;
            background-color: #eee;
            display: none;
        }
        div#ad p
        {
            height: 25px;
            padding: 0;
            margin: 0;
            line-height: 150%;
        }
        div#content
        {
            background-color: Silver;
        }
    </style>
</head>
<body>
    <div id="content">
        <div id="ad">
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
            <p>
                这是网易163的广告代码</p>
        </div>
    </div>
</body>
</html>
